<?php
session_start();
if (time() - $_SESSION['LAST_ACTIVITY'] > 1800) {
    // last request was more than 30 minutes ago (1800)
    session_unset();     // unset $_SESSION variable for the run-time 
    session_destroy();   // destroy session data in storage
    header("Location: LoginForm.php");
    die();
}
?>
<!DOCTYPE html>
<html> 
    <head>
        <title>แผนที่สารสนเทศภูมิศาสตร์ GIS เพื่อการตัดสินใจ  (GIS-DSS)</title> 
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=7,IE=9" >
        <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no, width=device-width">
        <meta name="apple-mobile-web-app-capable" content="yes"/>
        <!--To hide address bar-->
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">



        <!--script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" ></script> -->
        <script type="text/javascript" src="//code.jquery.com/jquery-1.10.2.min.js"></script>
        <!-- script src="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js"></script> -->
        <!--Disble jqueryMobile error loading page message-->
        <script type='text/javascript' src="./js/custom-script.js"></script>
        <script type="text/javascript" src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
        

        <!--PrettyPhoto for Image popup-->
        <script type="text/javascript" src="./js/jquery.prettyPhoto.js"></script>
        <link href="./css/prettyPhoto.css" rel="stylesheet" type="text/css" />
        <!--Mobipick Datepicker -->
        <script type="text/javascript" src="external/xdate.js"></script>
        <script type="text/javascript" src="external/xdate.i18n.js"></script>
        <script type="text/javascript" src="js/mobipick.js"></script>
        <link href="css/mobipick.css" rel="stylesheet" type="text/css" />

        <!--Add the Javascript API reference-->
        <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.css" />
        <link rel="stylesheet" media="screen and (max-width: 800px)"  href="./css/style800.css">
        <link rel="stylesheet" media="screen and (max-width: 480px)"  href="./css/style480.css">
        <link rel="stylesheet" media="screen and (max-width: 320px)"  href="./css/style320.css">
        <link rel="stylesheet" href="./css/style.css">
        <link rel="apple-touch-icon" sizes="57x57" href="./css/images/apple-icon-57x57.png" />
        <link rel="apple-touch-icon" sizes="72x72" href="./css/images/apple-icon-72x72.png" />
        <link rel="apple-touch-icon" sizes="114x114" href="./css/images/apple-icon-114x114.png" />
        <!--Favicon-->
        <link rel="shortcut icon" href="./favicon.ico" >
        <!--script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=true"></script-->
        <!--script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?libraries=places,weather&sensor=true"></script-->
        <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?libraries=places,weather&client=gme-metropolitanwater&v=3.19&sensor=true&language=th&channel=dss"></script>
        <script type="text/JavaScript" src="http://www.google.com/jsapi"></script>
        <!--script type="text/javascript" src="http://google-maps-utility-library-v3.googlecode.com/svn/trunk/arcgislink/src/arcgislink.js"></script-->
        <!--Default location for JavaScripts-->
        <script type="text/javascript" src="./js/gjs.js"></script>
        <!--JQuery linq plugin for JSON-->
        <script type="text/javascript" src="./js/jquery.linq.js"></script>
        <!--Scripts to click identify for WMS -->
        <script type="text/javascript" src="./js/identify.js"></script>	
        <!-- Script to parse KMLs for GIS Camera Reporter -->
        <script type="text/javascript" src="./js/geoxml3.js"></script>
        <!--Location of KML links -->
        <script type="text/javascript" src="./js/kml_link.js"></script>
        <!--ArcGIS Server Link for Google Maps JavaScript API V3-->
        <script type="text/JavaScript" src="./js/ags.js" ></script>	
        <!--Geolocation Marker with accuracy circle-->
        <script type="text/javascript" src="./js/geolocationmarker-compiled.js"></script> 
        <!--Image Request for ags.js mapoverlay function-->
        <script type="text/javascript" src="./js/getRequest.js"></script> 		
        <!--Custom Infobox for use in GIS Camera Reporter KMLs-->
        <script type="text/javascript" src="./js/infobox.js"></script> 	
        <!-- Marker Clusterer -->
        <script type="text/javascript" src="./js/markerclusterer.js"></script>
        <script type="text/javascript" src="./js/search_gis.js"></script>
        <!-- Scripts to load WMS -->
        <script type="text/javascript" src="./js/WMS.js"></script>
        <!-- Scripts to load NECTEC CCTV-->
        <script type="text/javascript" src="./js/CCTV.js"></script>	
        <script type="text/javascript" src="./js/maplabel.js"></script>
        <script type="text/javascript" src="./js/wqc_json.js"></script>
        <script type="text/javascript" src="./js/GeoJSON.js"></script>
        <script type="text/javascript" src="./js/rtu.js"></script>
        <script type="text/javascript" src="./js/home_thailand.js"></script>
        <!---High Chart-->
        <script src="http://code.highcharts.com/highcharts.js"></script>
        
        <style type="text/css" >
            /*<!--Pulsate geolocation marker-->*/

            @-moz-keyframes pulsate {
                from {
                    -moz-transform: scale(0.25);
                    opacity: 1.0;
                }
                95% {
                    -moz-transform: scale(1.3);
                    opacity: 0;
                }
                to {
                    -moz-transform: scale(0.3);
                    opacity: 0;
                }
            }
            @-webkit-keyframes pulsate {
                from {
                    -webkit-transform: scale(0.25);
                    opacity: 1.0;
                }
                95% {
                    -webkit-transform: scale(1.3);
                    opacity: 0;
                }
                to {
                    -webkit-transform: scale(0.3);
                    opacity: 0;
                }
            }
			/* get the container that's just outside the marker image, 
                    which just happens to have our Marker title in it */
            #map div.gmnoprint[title="I am here"] {
                -moz-animation: pulsate 1.5s ease-in-out infinite;
                -webkit-animation: pulsate 1.5s ease-in-out infinite;
                border:1pt solid #fff;
                /* make a circle */
                -moz-border-radius:51px;
                -webkit-border-radius:51px;
                border-radius:51px;
                /* multiply the shadows, inside and outside the circle */
                -moz-box-shadow:inset 0 0 5px #06f, inset 0 0 5px #06f, inset 0 0 5px #06f, 0 0 5px #06f, 0 0 5px #06f, 0 0 5px #06f;
                -webkit-box-shadow:inset 0 0 5px #06f, inset 0 0 5px #06f, inset 0 0 5px #06f, 0 0 5px #06f, 0 0 5px #06f, 0 0 5px #06f;
                box-shadow:inset 0 0 5px #06f, inset 0 0 5px #06f, inset 0 0 5px #06f, 0 0 5px #06f, 0 0 5px #06f, 0 0 5px #06f;
                /* set the ring's new dimension and re-center it */
                height:51px!important;
                margin:-18px 0 0 -18px;
                width:51px!important;
            }
            /* hide the superfluous marker image since it would expand and shrink with its containing element */
            /*	#map div[style*="987654"][title] img {*/
            #map div.gmnoprint[title="I am here"] img {
                display:none;
            }
            /* compensate for iPhone and Android devic es with high DPI, add iPad media query */
            @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (device-width: 768px) {
                #map div.gmnoprint[title="I am here"] {
                    margin:-10px 0 0 -10px;
                }
            }
            /*<!--end of Pulsate geolocation marker-->*/	
            // dynamic event trigger
            @keyframes nodeInserted {  
                from {  
                    clip: rect(1px, auto, auto, auto);  
                }
                to {  
                    clip: rect(0px, auto, auto, auto);
                }  
            }

            @-moz-keyframes nodeInserted {  
                from {  
                    clip: rect(1px, auto, auto, auto);  
                }
                to {  
                    clip: rect(0px, auto, auto, auto);
                }  
            }

            @-webkit-keyframes nodeInserted {  
                from {  
                    clip: rect(1px, auto, auto, auto);  
                }
                to {  
                    clip: rect(0px, auto, auto, auto);
                }  
            }

            @-ms-keyframes nodeInserted {  
                from {  
                    clip: rect(1px, auto, auto, auto);  
                }
                to {  
                    clip: rect(0px, auto, auto, auto);
                }  
            }

            @-o-keyframes nodeInserted {  
                from {  
                    clip: rect(1px, auto, auto, auto);  
                }
                to {  
                    clip: rect(0px, auto, auto, auto);
                }  
            } 

            div.infowindow {
                animation-duration: 0.001s;
                animation-name: nodeInserted;
            }

        </style>
        <script type="text/javascript">
            $(document).ready(function() {
                //var pacContainerInitialized = false; //autocpmplete set input search z-index 9999		    
                $('#gsearch_address').keypress(function() {
                    $('.pac-container').css({'z-index': '9999', 'width': 'auto'});
                });
               
            });
           /*
            (function(d, s, id) {
                var js, fjs = d.getElementsByTagName(s)[0];
                if (d.getElementById(id))
                    return;
                js = d.createElement(s);
                js.id = id;
                js.src = "//connect.facebook.net/th_TH/all.js#xfbml=1";
                fjs.parentNode.insertBefore(js, fjs);
            }(document, 'script', 'facebook-jssdk'));
             */         
          
        </script>
    </head> 
    <!-- for Google API v.2 >
    <body onload="initialize();" onunload="GUnload();"--> 
    <body onload="init();">
        <?php include_once("./cgi-bin/analyticstracking.php") ?>
        <div data-role="page" data-dojo-type="dojox.mobile.View" selected="true">

            <!-- /header -->

            <div id="header">
                <!--a href="#" id="geolocation" data-role="button" data-icon="search" style="position:absolute; right: 250px; top: 2px; z-index: 20;"  data-inline="true">Geolocation</a>
                
                <a href="#layers" data-rel="popup" data-role="button" data-icon="bars" style="position:absolute; right: 140px; top: 2px; z-index: 20;"  data-inline="true">Layers</a-->

                <!--a href="settings.html" data-rel="dialog" data-role="button" data-icon="bars" data-iconpos="notext" style="position:absolute; right: 20px; z-index: 20;" data-inline="true"  data-transition="slidedown">Dialog</a>
                <a href="#mypanel" data-role="button" data-icon="bars" data-iconpos="notext" style="position:absolute; right: 60px; z-index: 250;" data-inline="true">Panel</a-->
                <a href="http://gisonline.mwa.co.th/dss/map.php"><div id="logo"></div></a>

                <div id="tools">

                    <a href="#" id="geolocation" title="ตำแหน่งปัจจุบัน" class="geolocation_button">Geolocation</a>
                    <a href="#search_popup" data-rel="popup"  title="ค้นหา" class="search_button">Search</a>
                    <a href="#engineering_popup" data-rel="popup" title="ข้อมูลวิศวกรรม"class="eng_button">Engineering Layers</a>
                    <a href="#waterresource_popup" data-rel="popup" title="ข้อมูลแหล่งน้ำและบริการ" class="water_button">Water Resources Layers</a>
                    <a href="#service_popup" data-rel="popup" title="ข้อมูล Real-time" class="service_button">Real Time Layers</a>
                    <a href="#basemap_popup" data-rel="popup" title="แผนที่ฐาน" class="basemap_button">Basemap</a>
                    <!--a href="#report_underconstruction" class="report_button" data-rel="popup" title="รายงาน">Reports</a-->
                    <a href="#report_popup2" class="report_button" data-rel="popup" title="รายงาน">Reports</a>


                </div>
                <div id="fb-root"></div>
                <div id="fb1" class="fb-like" data-href="http://gisonline.mwa.co.th/dss/LoginForm.php" data-layout="button_count" data-action="recommend" data-show-faces="true" data-share="true"></div>                
                <div id="fb2" class="fb-like" data-href="http://gisonline.mwa.co.th/dss/LoginForm.php" data-layout="button_count" data-action="recommend" data-show-faces="false" data-share="false"></div>
                <script type="text/javascript">
                     $(document).ready(function() {
                        resizefacebook();  
                        $(window).resize(function() {
                            resizefacebook();
                        });                                             
                     });
                     function resizefacebook(){
                        var point = $('#header').width() / 5;
                        var FB_H = $('#header').height() / 3;                        
                        if($('#header').width() <= 960) {                           
                            $('#fb1.fb-like').hide();                            
                            $('#fb2.fb-like').show();
                            if($('#header').width() <= 800)
                                $('#fb2.fb-like').hide();
                        }
                        else {                         
                            $('#fb1.fb-like').show();
                            $('#fb2.fb-like').hide();
                        }
                         $('#fb1.fb-like').css({'position': 'absolute', 'top' : FB_H , 'right': point });
                         $('#fb2.fb-like').css({'position': 'absolute', 'top' : FB_H , 'right': point });
                     }
                </script>
                <div id="Username">สวัสดีคุณ <?if (isset($_SESSION['USER_ID'])) {echo $_SESSION['USER_ID'];}?></div>
                <div id="versiontxt">Version 1.4</div>
                <div id="UserOnline">ขณะนี้มีผู้ใช้งานอยู่:  คน</div>
           

            </div>

            <div dojotype="dijit.layout.BorderContainer" design="headline" gutters="true">

                <div id="map" dojotype="dijit.layout.ContentPane" region="center">
                </div>
            </div>
            <div data-role="popup" id="noResults_popup" data-theme="e" data-position-to="window" class="overflow_popup">
                <p>ไม่พบข้อมูลที่คุณต้องการ กรุณาลองใหม่อีกครั้ง</p>
            </div>
            <div data-role="popup" id="report_underconstruction" data-theme="e" data-position-to="window" class="overflow_popup">
                <p>ขออภัย กำลังปรับปรุงข้อมูลรายงาน</p>
            </div>
            <div id="report_popup" data-role="popup" data-overlay-theme="a"  data-position-to="window" class="ui-btn-right">
                <iframe id="frame" src="./servicegraph/select.html" frameBorder="0"></iframe>
            </div>
            <div data-role="popup" id="report_popup2" data-theme="c" data-position-to="window" class="ui-corner-all">
                <div style="padding:10px 20px;">
                        <!--form name="graph_form" data-ajax="false" method="branchpost" action="servicegraph/call_service.php"-->
            <form name="graph_form" data-ajax="false" method="post" action="servicegraph/call_service.php">
                        
                        <select style="width:100%;" id="graph_select" name="GRAPH_SELECT">
                            
                            <option value="" selected="selected" > ---- เลือกรายงาน ---- </option>
                            <option value="BACKOFFICE_Q_PIPETUNNEL">รายงานความยาวท่ออุโมงค์</option>
                            <option value="BACKOFFICE_Q_PIPEMAIN">รายงานความยาวท่อประทาน</option>
                            <option value="BACKOFFICE_Q_PIPEDIS">รายงานความยาวท่อจ่ายน้ำ</option>
                            <option value="BACKOFFICE_Q_PIPEDIS_AGE">รายงานอายุท่อจ่ายน้ำ</option>
                            <option value="BACKOFFICE_Q_PIPETUNNEL_AGE">รายงานอายุท่ออุโมงค์</option>
                            <option value="BACKOFFICE_Q_PIPEMAIN_AGE">รายงานอายุท่อประทาน</option>
                            <!--option value="BACKOFFICE_Q_BRANCHAREA">รายงานพื้นที่บริการ</option>
                            <option value="BACKOFFICE_Q_FH">รายงานจำนวนหัวดับเพลิง</option>
                            <option value="BACKOFFICE_Q_VALVE">รายงานจำนวนประตูน้ำ</option>
                            <option value="BACKOFFICE_Q_LEAKPOINT">รายงานจำนวนจุดแตกรั่ว</option--> 
                        </select>
                        <select style="width:100%;" id="branch_select" name="branch_select">
                            
                            <option value="" selected="selected"> ---- เลือกสาขา ---- </option>
                            <option value="04">สาขานนทบุรี</option>
                            <option value="55">สาขาสุวรรณภูมิ</option>
                        </select>
                        <select style="width:100%;" id="zone_select" name="zone_select">
                            <option value="" selected="selected" > ---- เลือก Zone ---- </option>
                        </select>
                        <select style="width:100%;" id="block_select" name="block_select">
                            <option value="" selected="selected" > ---- เลือก Block ---- </option>
                        </select>
                        <!--input name="select" type="submit" id="btn_getjson" value="GetJSON"/-->
                        
                        <a href="#report_popup_result" data-rel="popup" data-role="button" data-theme="b" >Show Graph</a>

                    </form>
                    
                </div>

            </div>
            <div data-role="popup" id="report_popup_result" data-position-to="window">
                <p>Loading graph report</p>
            </div>
            <!--div id="youtube_popup" data-role="popup"  data-overlay-theme="a"  data-position-to="window">
                    <a class="ui-btn-right" data-icon="delete" data-iconpos="notext" data-rel="back" data-role="button" data-theme="a" href="#" data-corners="true" data-tolerance="0,0">Close</a>
                    <iframe width="420" height="315" src="http://www.youtube.com/embed/AIX5SzXUbSU" frameborder="0" allowfullscreen></iframe>
            </div-->
            <div data-role="popup" id="search_popup" data-position-to="window" style="width: 210px;	padding: 10px;">
                <input type="search" id="gsearch_address" value="">
                <button id="gsearch_button" onclick="closePopup();">Search</button>
				<br/>
                <p class="p_gis_search" style="color: red; display: none;">ไม่พบทะเบียนผู้ใช้น้ำ</p>
		<input type="search" id="gis_search" name="searchText" value=""> 			
                <input id='exact' type='checkbox' style="display: none;">
                <div data-role="fieldcontain">                    
                    <select name="list_branch" id="list_branch">
                       <option value="">เลือกสาขา</option>                       
                    </select>
                </div>
                <fieldset data-role="controlgroup"  >
                    <input type="checkbox" name="gis_search_checkbox" id="gis_search_checkbox" value="route" data-mini="true" />
                    <label for="gis_search_checkbox">หาเส้นทางทะเบียนผู้ใช้น้ำ</label>
                </fieldset>
                <a data-role="button" id="gis_search_button" onclick="">ค้นหาทะเบียนผู้ใช้น้ำ</a>
                
            </div>

            <div data-role="popup" id="engineering_popup" class="overflow_popup" data-theme="d" data-overlay-theme="a"  data-position-to="window"><!--POPUP-->
                <form>
                    <fieldset data-role="controlgroup" data-inset="true" data-theme="c">
                        <div data-role="collapsible-set" data-corners="false" data-theme="c" data-content-theme="c" style="margin: 0;" data-collapsed-icon="arrow-r" data-expanded-icon="arrow-d" >
                            <div id="collapsible" data-role="collapsible" >
                                <h3 class="group_title">ข้อมูลพื้นฐานทั่วไป </h3>
                                <fieldset data-role="controlgroup" >
                                    <input type="checkbox" name="checkbox-select-gas" id="checkbox-select-gas" value="gas" class="waterresource_checkbox" />
                                    <label for="checkbox-select-gas">ข้อมูลตำแหน่งปั๊ม NGV + LPG <a id="txt_label">(ปตท)</a></label>							
                                    <input type="checkbox" name="checkbox-select-traffic" id="checkbox-select-traffic" value="traffic" class="waterresource_checkbox" />
                                    <label for="checkbox-select-traffic">แผนที่สภาพจราจร  <a id="txt_label">(Google API)</a></label>
                                    <input type="checkbox" name="checkbox-select-cctv" id="checkbox-select-cctv" value="cctv" class="waterresource_checkbox" />
                                    <label for="checkbox-select-cctv">กล้อง CCTV <a id="txt_label">(NECTEC)</a></label>
                                    <input type="checkbox" name="checkbox-select-events" id="checkbox-select-events" value="events" class="waterresource_checkbox" />
                                    <label for="checkbox-select-events">รายงานสถานการณ์ทั่วไปในกทม <a id="txt_label">(NECTEC)</a></label>
                                    <input type="checkbox" name="checkbox-select-weather" id="checkbox-select-weather" value="weather" class="waterresource_checkbox"/>
                                    <label for="checkbox-select-weather">แผนที่สภาพภูมิอากาศ <a id="txt_label">(Google API)</a></label>
                                </fieldset>
                            </div>
                            <div id="collapsible" data-role="collapsible" >
                                <h3 class="group_title">งานโครงการในอนาคต</h3>
                                <fieldset data-role="controlgroup" >
                                    <input type="checkbox" name="checkbox-select-bkk" id="checkbox-select-bkkroads" value="bkkroads" class="waterresource_checkbox" />
                                    <label for="checkbox-select-bkkroads">เส้นทาง กทม. มีแผนปรับปรุงถนน <a id="txt_label">(กทม.)</a></label>
                                    <input type="checkbox" name="checkbox-select-MRT_project" id="checkbox-select-MRT_project" value="MRT_project" class="WMS" />
                                    <label for="checkbox-select-MRT_project">แผนที่เส้นทางรถไฟฟ้า <a id="txt_label">(การรถไฟฟ้าขนส่งมวลชนแห่งประเทศไทย)</a></label>
                                    <input type="checkbox" name="checkbox-select-land-use" id="checkbox-select-land-use" value="landuse" class="WMS" />
                                    <label for="checkbox-select-land-use">แผนที่การใช้ประโยชน์ที่ดิน <a id="txt_label">(กรมพัฒนาที่ดิน ปี 2555)</a></label>
                                    <input type="checkbox" name="checkbox-select-project9" id="checkbox-select-project9" value="project9" class="WMS" />
                                    <label for="checkbox-select-project9">แผนที่โครงการ 9 <a id="txt_label">(ฝ่ายบริหารโครงการ)</a></label>
                                    <input type="checkbox" name="checkbox-select-bangkok" id="checkbox-select-bangkok" value="bangkok" class="waterresource_checkbox" />
                                    <label for="checkbox-select-bangkok">แผนที่ผังเมือง กทม <a id="txt_label">(สำนักผังเมือง กทม.)</a></label>
                                    <input type="checkbox" name="water_praya" id="water_praya" value="water_praya" class="WMS" />
                                    <label for="water_praya">แผนที่โครงการใช้น้ำดิบจากลุ่มน้ำเจ้าพระยาตอนบน <a id="txt_label">(คณะทำงาน กปน.)</a></label>
                                    <input type="checkbox" name="Condo" id="Condo" value="Condo" class="vector" />
                                    <!--label for="Condo">แผนที่โครงการ Condominium <a id="txt_label">(WebSite : homes_thailand)</a></label>
                                    <input type="checkbox" name="Townhouse" id="Townhouse" value="Townhouse" class="vector" />
                                    <label for="Townhouse">แผนที่โครงการ Town Home <a id="txt_label">(WebSite : homes_thailand)</a></label>
                                    <input type="checkbox" name="SingleHouse" id="SingleHouse" value="SingleHouse" class="vector" />
                                    <label for="SingleHouse">แผนที่โครงการ Single Home <a id="txt_label">(WebSite : homes_thailand)</a></label-->
                                </fieldset>
                            </div>
                            <div id="collapsible" data-role="collapsible" >
                                <h3 class="group_title">งานด้านวิศวกรรม</h3>
                                <fieldset data-role="controlgroup" >
                                    <div data-role="collapsible-set" data-corners="false" data-theme="b" data-content-theme="c" style="margin: 0;" data-collapsed-icon="plus" data-expanded-icon="minus">
                                        <div data-role="collapsible">
                                            <h3 class="group_title">แผนที่ท่อประปาภาพรวมองค์กร <a id="txt_label_group"><br/>(กองสารสนเทศภูมิศาสตร์)</a></h3>
                                            <fieldset data-role="controlgroup">
                                                <input type="checkbox" name="tunnel_originel" id="tunnel_originel" value="tunnel_originel" class="branch_kml" />
                                                <label for="tunnel_originel">ท่ออุโมงค์ ขนาด (1,800 มม.- 3,400 มม.)</label>
                                                <input type="checkbox" name="Main_pipe_origenal" id="Main_pipe_origenal" value="Main_pipe_origenal" class="branch_kml" />
                                                <label for="Main_pipe_origenal">ท่อประธาน ขนาด (400 มม. - 1,800 มม.)</label>
                                                <input type="checkbox" name="distribution_pipe" id="distribution_pipe" value="distribution_pipe" class="branch_kml" />
                                                <label for="distribution_pipe">ท่อจ่ายน้ำ ขนาด (50 มม. - 400 มม.)</label>
                                                <!-- input type="radio" name="radio-select-brach" id="radio-select-b1" value="01" class="branch_kml" />
                                                <label for="radio-select-b1">สาขาบางกอกน้อย</label>
                                                <input type="radio" name="radio-select-brach" id="radio-select-b2" value="02" class="branch_kml" />
                                                <label for="radio-select-b2">สาขาตากสิน</label>
                                                <input type="radio" name="radio-select-brach" id="radio-select-b3" value="03" class="branch_kml" />
                                                <label for="radio-select-b3">สาขาพญาไท</label>
                                                <input type="radio" name="radio-select-brach" id="radio-select-b4" value="04" class="branch_kml" />
                                                <label for="radio-select-b4">สาขานนทบุรี</label>
                                                <input type="radio" name="radio-select-brach" id="radio-select-b5" value="05" class="branch_kml" />
                                                <label for="radio-select-b5">สาขาทุ่งมหาเมฆ</label>
                                                <input type="radio" name="radio-select-brach" id="radio-select-b6" value="06" class="branch_kml" />
                                                <label for="radio-select-b6">สาขาแม้นศรี</label>
                                                <input type="radio" name="radio-select-brach" id="radio-select-b7" value="07" class="branch_kml" />
                                                <label for="radio-select-b7">สาขาสุขุมวิท</label>
                                                <input type="radio" name="radio-select-brach" id="radio-select-b11" value="11" class="branch_kml" />
                                                <label for="radio-select-b11">สาขาภาษีเจริญ</label>
                                                <input type="radio" name="radio-select-brach" id="radio-select-b12" value="12" class="branch_kml" />
                                                <label for="radio-select-b12">สาขาลาดพร้าว</label>
                                                <input type="radio" name="radio-select-brach" id="radio-select-b13" value="13" class="branch_kml" />
                                                <label for="radio-select-b13">สาขาพระโขนง</label>
                                                <input type="radio" name="radio-select-brach" id="radio-select-b14" value="14" class="branch_kml" />
                                                <label for="radio-select-b14">สาขาสุขสวัสดิ์</label>
                                                <input type="radio" name="radio-select-brach" id="radio-select-b15" value="15" class="branch_kml" />
                                                <label for="radio-select-b15">สาขาประชาชื่น</label>
                                                <input type="radio" name="radio-select-brach" id="radio-select-b16" value="16" class="branch_kml" />
                                                <label for="radio-select-b16">สาขาบางเขน</label>
                                                <input type="radio" name="radio-select-brach" id="radio-select-b17" value="17" class="branch_kml" />
                                                <label for="radio-select-b17">สาขาสมุทรปราการ</label>
                                                <input type="radio" name="radio-select-brach" id="radio-select-b53" value="53" class="branch_kml" />
                                                <label for="radio-select-b53">สาขามีนบุรี</label>
                                                <input type="radio" name="radio-select-brach" id="radio-select-b54" value="54" class="branch_kml" />
                                                <label for="radio-select-b54">สาขาบางบัวทอง</label>
                                                <input type="radio" name="radio-select-brach" id="radio-select-b55" value="55" class="branch_kml" />
                                                <label for="radio-select-b55">สาขาสุวรรณภูมิ</label>
                                                <input type="radio" disabled = "disabled" name="radio-select-brach" id="radio-select-b56" value="56" class="branch_kml" />
                                                <label for="radio-select-b56">สาขามหาสวัสดิ์</label  -->

                                            </fieldset>
                                        </div>
                                        <div id="collapsible" data-role="collapsible">
                                            <h3 class="group_title">แผนที่พิกัดจากการสำรวจด้วย GPS รังวัด <a id="txt_label_group"><br/>(กองสารสนเทศภูมิศาสตร์)</a></h3>
                                            <fieldset data-role="controlgroup">
                                                <input type="checkbox" name="checkbox-select-region3" data-theme="d" id="checkbox-select-region3" value="region" class="branch_kml" />
                                                <label for="checkbox-select-region3">พิกัดประตูน้ำท่อประธาน</label>
                                                <input type="checkbox" name="checkbox-select-wlma-gps_av" data-theme="d" id="checkbox-select-wlma-gps_av" value="wlma_gps_av" class="WMS" />
                                                <label for="checkbox-select-wlma-gps_av">พิกัดประตูระบายอากาศ และจุดวัด Test Post </label>
                                                <!-- >input type="checkbox" name="checkbox-select-region1" data-theme="d" id="checkbox-select-region1" value="region1" class="engineering_kml" />
                                                <label for="checkbox-select-region1">ภาค 1</label>
                                                <input type="checkbox" name="checkbox-select-region2" data-theme="d" id="checkbox-select-region2" value="region2" class="engineering_kml" />
                                                <label for="checkbox-select-region2">ภาค 2</label>
                                                <input type="checkbox" name="checkbox-select-region3" data-theme="d" id="checkbox-select-region3" value="region3" class="engineering_kml" />
                                                <label for="checkbox-select-region3">ภาค 3</label>
                                                <input type="checkbox" name="checkbox-select-region4" data-theme="d" id="checkbox-select-region4" value="region4" class="engineering_kml" />
                                                <label for="checkbox-select-region4">ภาค 4</label -->
                                            </fieldset>
                                        </div>
                                        <div id="collapsible" data-role="collapsible" >
                                            <h3 class="group_title">แผนที่ท่อประปาจำแนกตามอายุ <a id="txt_label_group"><br/>(กองสารสนเทศภูมิศาสตร์)</a></h3>
                                            <fieldset data-role="controlgroup">
                                                <div id="collapsible" data-role="collapsible" >
                                                    <h3 class="group_title">ท่ออายุ 0-15  ปี <a id="txt_label_group"><br/>(กองสารสนเทศภูมิศาสตร์)</a></h3>
                                                    <fieldset data-role="controlgroup"><!-- pipe_age_15 -->
                                                        <input type="checkbox" name="checkbox-select-pipe-age" id="pipe_line_age_15" value="pipe_line_age_15" class="select_pipe_age"/>
                                                        <label for="pipe_line_age_15">ท่อส่งน้ำอายุ 0-15 ปี</label>
                                                        <input type="checkbox" name="checkbox-select-pipe-age" id="Main-pipe-age-15" value="Main-pipe-age-15" class="select_pipe_age"/>
                                                        <label for="Main-pipe-age-15">ท่อประธานอายุ 0-15 ปี</label>
                                                        <input type="checkbox"  name="checkbox-select-pipe-age" id="distribution-pipe-age-15" value="distribution-pipe-age-15" class="select_pipe_age"/>
                                                        <label for="distribution-pipe-age-15">ท่อจ่ายน้ำอายุ 0-15 ปี</label>
                                                        <input type="checkbox" name="checkbox-select-pipe-age" id="pipe-ac-age-15" value="pipe-ac-age-15" class="select_pipe_age"/>
                                                        <label for="pipe-ac-age-15">ท่อ AC อายุ 0-15 ปี</label>
                                                    </fieldset>
                                                </div>

                                                <div id="collapsible" data-role="collapsible" >
                                                    <h3 class="group_title">ท่ออายุ 15-25  ปี <a id="txt_label_group"><br/>(กองสารสนเทศภูมิศาสตร์)</a></h3>
                                                    <fieldset data-role="controlgroup"><!-- pipe_age_25 -->																								
                                                        <input type="checkbox" name="checkbox-select-pipe-age" id="pipe_line_age_25" value="pipe_line_age_25" class="select_pipe_age"/>
                                                        <label for="pipe_line_age_25">ท่อส่งน้ำอายุ 15-25 ปี</label>
                                                        <input type="checkbox" name="checkbox-select-pipe-age" id="Main-pipe-age-25" value="Main-pipe-age-25" class="select_pipe_age"/>
                                                        <label for="Main-pipe-age-25">ท่อประธานอายุ 15-25 ปี</label>
                                                        <input type="checkbox" name="checkbox-select-pipe-age" id="distribution-pipe-age-25" value="distribution-pipe-age-25" class="select_pipe_age"/>
                                                        <label for="distribution-pipe-age-25">ท่อจ่ายน้ำอายุ 15-25 ปี</label>
                                                        <input type="checkbox" name="checkbox-select-pipe-age" id="pipe-ac-age-25" value="pipe-ac-age-25" class="select_pipe_age"/>
                                                        <label for="pipe-ac-age-25">ท่อ AC อายุ 15-25 ปี</label>
                                                    </fieldset>
                                                </div>

                                                <div id="collapsible" data-role="collapsible" >
                                                    <h3 class="group_title">ท่ออายุ 25-30  ปี <a id="txt_label_group"><br/>(กองสารสนเทศภูมิศาสตร์)</a></h3>
                                                    <fieldset data-role="controlgroup">	
                                                        <input type="checkbox" name="checkbox-select-pipe-age" id="pipe_line_age_30" value="pipe_line_age_30" class="select_pipe_age"/>
                                                        <label for="pipe_line_age_30">ท่อส่งน้ำอายุ 25-30 ปี</label>
                                                        <input type="checkbox" name="checkbox-select-pipe-age" id="Main-pipe-age-30" value="Main-pipe-age-30" class="select_pipe_age"/>
                                                        <label for="Main-pipe-age-30">ท่อประธานอายุ 25-30 ปี</label>
                                                        <input type="checkbox" name="checkbox-select-pipe-age" id="distribution-pipe-age-30" value="distribution-pipe-age-30" class="select_pipe_age"/>
                                                        <label for="distribution-pipe-age-30">ท่อจ่ายน้ำอายุ 25-30 ปี</label>
                                                        <input type="checkbox" name="checkbox-select-pipe-age" id="pipe-ac-age-30" value="pipe-ac-age-30" class="select_pipe_age"/>
                                                        <label for="pipe-ac-age-30">ท่อ AC อายุ 25-30 ปี</label>
                                                    </fieldset>
                                                </div>		

                                                <div id="collapsible" data-role="collapsible" >
                                                    <h3 class="group_title">ท่ออายุเกิน 30  ปี <a id="txt_label_group"><br/>(กองสารสนเทศภูมิศาสตร์)</a></h3>
                                                    <fieldset data-role="controlgroup">	
                                                        <input type="checkbox" name="checkbox-select-pipe-age" id="pipe-line-age-over-30" value="pipe-line-age-over-30" class="select_pipe_age"/>
                                                        <label for="pipe-line-age-over-30">ท่อส่งน้ำอายุเกิน 30 ปี</label>
                                                        <input type="checkbox" name="checkbox-select-pipe-age" id="Main-pipe-age-over-30" value="Main-pipe-age-over-30" class="select_pipe_age"/>
                                                        <label for="Main-pipe-age-over-30">ท่อประธานอายุเกิน 30 ปี</label>
                                                        <input type="checkbox" name="checkbox-select-pipe-age" id="distribution-pipe-age-over-30" value="distribution-pipe-age-over-30" class="select_pipe_age"/>
                                                        <label for="distribution-pipe-age-over-30">ท่อจ่ายน้ำอายุเกิน 30 ปี</label>
                                                        <input type="checkbox" name="checkbox-select-pipe-age" id="pipe-ac-age-over-30" value="pipe-ac-age-over-30" class="select_pipe_age"/>
                                                        <label for="pipe-ac-age-over-30">ท่อ AC อายุเกิน 30 ปี</label>
                                                    </fieldset>
                                                </div>																																										
                                            </fieldset>
                                        </div>
                                    </div>	
                                    <input type="checkbox" name="checkbox-select-electricityPipe" id="checkbox-select-electricityPipe" value="electricityPipe" class="WMS" />
                                    <label for="checkbox-select-electricityPipe">แผนที่ท่อร้อยสายไฟฟ้าใต้ดิน <a id="txt_label">(กองสารสนเทศภูมิศาสตร์)</a></label>						
                                    <input type="checkbox" name="checkbox-select-Pipe_in_Plan" id="checkbox-select-Pipe_in_Plan" value="Pipe_in_Plan" class="WMS" />
                                    <label for="checkbox-select-Pipe_in_Plan">แผนที่ท่อประธานที่อยู่ระหว่างการก่อสร้าง <a id="txt_label">(กองสารสนเทศภูมิศาสตร์)</a></label>
                                    <input type="checkbox" name="checkbox-select-replacemain" id="checkbox-select-replacemain" value="replacemain" class="engineering_kml" />
                                    <label for="checkbox-select-replacemain">แผนที่จุดเสี่ยงท่อประธานแตกรั่ว <a id="txt_label">(กองสารสนเทศภูมิศาสตร์)</a></label>
                                    <input type="checkbox" name="checkbox-select-water_transmission" id="checkbox-select-water_transmission" value="water_transmission" class="waterresource_checkbox" />
                                    <label for="checkbox-select-water_transmission">แผนที่ข้อมูลระบบผลิตและส่งน้ำ <a id="txt_label">(กองสารสนเทศภูมิศาสตร์)</a></label>
                                </fieldset>
                            </div>
                            <div id="collapsible" data-role="collapsible">
                                <h3 class="group_title">งานลดน้ำสูญเสีย</h3>
                                <fieldset data-role="controlgroup">
                                    <!--input type="checkbox" name="checkbox-select-status" id="checkbox-select-status" value="wlma_status" class="WMS"/>
                                    <label for="checkbox-select-status">สถานะ Active <a id="txt_label">(ฝ่ายเทคโนโลยีการบริหารจัดการน้ำสูญเสีย)</a></label>
                                    <input type="checkbox" name="checkbox-select-NFA_Alert" id="checkbox-select-NFA_Alert" value="wlma_NFA_Alert" class="WMS"/>
                                    <label for="checkbox-select-NFA_Alert">สถานะ Minimum Night Flow Alert <a id="txt_label">(ฝ่ายเทคโนโลยีการบริหารจัดการน้ำสูญเสีย)</a></label>
                                    <input type="checkbox" name="checkbox-select-p_wl" id="checkbox-select-p_wl" value="wlma_p_wl" class="WMS"/>
                                    <label for="checkbox-select-p_wl">เปอร์เซ็นต์น้ำสูญเสียในเดือนที่ผ่านมา <a id="txt_label">(ฝ่ายเทคโนโลยีการบริหารจัดการน้ำสูญเสีย)</a></label>
                                    <input type="checkbox" name="checkbox-select-RTU_Status" id="checkbox-select-RTU_Status" value="wlma_RTU_Status" class="WMS"/>
                                    <label for="checkbox-select-RTU_Status">ความพร้อมของ RTU <a id="txt_label">(ฝ่ายเทคโนโลยีการบริหารจัดการน้ำสูญเสีย)</a></label>
                                    <input type="checkbox" name="checkbox-select-DMA_LAST" id="checkbox-select-DMA_LAST" value="wlma_DMA_LAST" class="WMS"/>
                                    <label for="checkbox-select-DMA_LAST">DMA เป้าหมายของเดือน <a id="txt_label">(ฝ่ายเทคโนโลยีการบริหารจัดการน้ำสูญเสีย)</a></label>
                                    <input type="checkbox" name="checkbox-select-DMA_YEAR" id="checkbox-select-DMA_YEAR" value="wlma_DMA_YEAR" class="WMS"/>
                                    <label for="checkbox-select-DMA_YEAR">จำนวนครั้งที่ได้เป็น DMA เป้าหมายในรอบปี <a id="txt_label">(ฝ่ายเทคโนโลยีการบริหารจัดการน้ำสูญเสีย)</a></label>
                                    <input type="checkbox" name="checkbox-select-P_AVG" id="checkbox-select-P_AVG" value="wlma_P_AVG" class="WMS"/>
                                    <label for="checkbox-select-P_AVG">แรงดันน้ำเฉลี่ย On Peak <a id="txt_label">(ฝ่ายเทคโนโลยีการบริหารจัดการน้ำสูญเสีย)</a></label>
                                    <input type="checkbox" name="checkbox-select-LAST_LD" id="checkbox-select-LAST_LD" value="wlma_LAST_LD" class="WMS"/>
                                    <label for="checkbox-select-LAST_LD">จำนวนงานสำรวจท่อรั่ว <a id="txt_label">(ฝ่ายเทคโนโลยีการบริหารจัดการน้ำสูญเสีย)</a></label>
                                    <input type="checkbox" name="checkbox-select-LAST_LR" id="checkbox-select-LAST_LR" value="wlma_LAST_LR" class="WMS"/>
                                    <label for="checkbox-select-LAST_LR">จำนวนงานซ่อมท่อ <a id="txt_label">(ฝ่ายเทคโนโลยีการบริหารจัดการน้ำสูญเสีย)</a></label-->
                                    <input type="checkbox" name="checkbox-select-Customers_in_DMA" id="checkbox-select-Customers_in_DMA" value="Customers_in_DMA" class="WMS" />
                                    <label for="checkbox-select-Customers_in_DMA">แผนที่แสดงจำนวนผู้ใช้น้ำในขอบ DMA <a id="txt_label">(กองสารสนเทศภูมิศาสตร์)</a></label>
                                    <input type="checkbox" name="checkbox-select-Valve_in_DMA" id="checkbox-select-Valve_in_DMA" value="Valve_in_DMA" class="WMS" />
                                    <label for="checkbox-select-Valve_in_DMA">แผนที่แสดงจำนวนประตูน้ำในขอบ  DMA <a id="txt_label">(กองสารสนเทศภูมิศาสตร์)</a></label>
                                    <input type="checkbox" name="checkbox-select-Trunkmain_leak_DMA" id="checkbox-select-Trunkmain_leak_DMA" value="Trunkmain_leak_DMA" class="WMS" />
                                    <label for="checkbox-select-Trunkmain_leak_DMA">แผนที่แสดงจำนวนจุดแตกรั่วท่อประธานในขอบ DMA <a id="txt_label">(กองสารสนเทศภูมิศาสตร์)</a></label>
                                    <input type="checkbox" name="checkbox-select-Rtu" id="checkbox-select-Rtu" value="Rtu" class="waterresource_checkbox" />
                                    <label for="checkbox-select-Rtu">แผนที่ตำแหน่งตู้ RTU ท่อประธาน <a id="txt_label">(ฝ่ายควบคุมระบบส่งและจ่ายน้ำ)</a></label>
                                    


                                </fieldset>
                            </div>
                        </div>



                    </fieldset>
                </form>
            </div>
            <div data-role="popup" id="waterresource_popup" class="overflow_popup" data-theme="d" data-overlay-theme="a"  data-position-to="window"><!--POPUP-->
                <form>
                    <fieldset data-role="controlgroup" data-inset="true" data-theme="c">
                        <div data-role="collapsible-set" data-corners="false" data-theme="c" data-content-theme="c" style="margin: 0;" data-collapsed-icon="arrow-r" data-expanded-icon="arrow-d" >
                            <div id="collapsible" data-role="collapsible" >
                                <h3 class="group_title">งานด้านบริการ</h3>
                                <div data-role="controlgroup">
                                    <input type="checkbox"  name="checkbox-select-stolenmeter"  id="checkbox-select-stolenmeter" value="stolenmeter" class="stolenmeter_slider"/>
                                    <label for="checkbox-select-stolenmeter">ตำแหน่งมาตรวัดน้ำหาย <a id="txt_label">(ระบบ GIS+CIS)</a></label>
                                    <input type="checkbox"  name="checkbox-select-police"  id="checkbox-select-police" value="police" class="WMS" />
                                    <label for="checkbox-select-police">สถานีตำรวจใกล้เคียง <a id="txt_label">(ระบบ GIS+CIS)</a></label>
                                    <input type="checkbox" name="checkbox-select-branches" id="checkbox-select-branches" value="branches" class="WMS" />								
                                    <label for="checkbox-select-branches">แผนที่พื่นที่รับผิดชอบของสาขา  <a id="txt_label">(กองสารสนเทศภูมิศาสตร์)</a></label> 									
                                    <input type="checkbox" name="checkbox-select-servicearea"  id="checkbox-select-servicearea" value="servicearea" class="WMS" />
                                    <label for="checkbox-select-servicearea">แผนที่พื้นที่จำหน่ายน้ำของ กปน <a id="txt_label">(กองสารสนเทศภูมิศาสตร์)</a></label>
                                    <input type="checkbox" id="checkbox-select-effectivearea" value="effectivearea" class="WMS" />
                                    <label for="checkbox-select-effectivearea">แผนที่พื้นที่ผลกระทบเนื่องจากการปิดน้ำ <a id="txt_label">(สำนักงานประปาสาขา)</a></label>
                                    <input type="checkbox" name="checkbox-select-Drought_WaterDistribution" id="checkbox-select-Drought_WaterDistribution" value="Drought_WaterDistribution" class="waterresource_checkbox" />
                                    <label for="checkbox-select-Drought_WaterDistribution">แผนที่จุดจ่ายน้ำวิกฤตภัยแล้งปี 57 <a id="txt_label">(ฝ่ายสื่อสารองค์กร)</a></label>
                                    <input type="checkbox" name="checkbox-select-eservice" id="checkbox-select-eservice" value="eservice" class="waterresource_checkbox" />
                                    <label for="checkbox-select-eservice">แผนที่งานติดตั้งประปาใหม่ E-Service <a id="txt_label">(กองสารสนเทศภูมิศาสตร์)</a><a href="#" id="EserviceSetDate" data-role="button" data-icon="gear" data-iconpos="notext" data-inline="true" style="border-radius: 6px; height: 25px; width: 24px; margin-left: 20px; float: right;" >Gear</a></label>
                                    <!--input type="checkbox" disabled="disabled" name="checkbox-select-stats" id="checkbox-select-stats" value="stats" class="engineering_kml" />
                                    <label for="checkbox-select-stats">แผนที่สถิติน้ำประปาไม่ไหล <a id="txt_label">(กองสารสนเทศภูมิศาสตร์)</a></label-->
                                    
                                    <input type="checkbox" name="checkbox-select-crm1" id="checkbox-select-crm1" value="crm1" class="wms_crm" />
                                    <label for="checkbox-select-crm1">แผนที่ท่อแตกรั่วมาก ท่อแตกรั่วน้อย <a id="txt_label">(1125)</a></label>
                                    
                                    <input type="checkbox" name="checkbox-select-crm2" id="checkbox-select-crm2" value="crm2" class="wms_crm" />                                    
                                    <label for="checkbox-select-crm2">แผนที่น่ำไม่ไหลหรือไหลอ่อน น้ำขุ่น มีกลิ่น <a id="txt_label">(1125)</a></label>
                                    
                                    <input type="checkbox" name="checkbox-select-crm3" id="checkbox-select-crm3" value="crm3" class="wms_crm" />                                    
                                    <label for="checkbox-select-crm3">แผนที่ขุดไม่กลบ งานไม่เรียบร้อย เสียงดังรบกวน <a id="txt_label">(1125)</a></label>
                                    
                                    <input type="checkbox" name="checkbox-select-crm4" id="checkbox-select-crm4" value="crm4" class="wms_crm" />
                                    <label for="checkbox-select-crm4">แผนที่มาตรหาย มีการลักใช้น้ำ <a id="txt_label">(1125)</a></label>
                                </div>
                            </div>
                            <div id="collapsible" data-role="collapsible" >
                                <h3 class="group_title">ข้อมูลด้านทรัพยากรน้ำ</h3>
                                <div data-role="controlgroup">
                                    <div id="collapsible" data-role="collapsible" data-corners="false" data-theme="b" data-content-theme="c" style="margin: 0;" data-collapsed-icon="plus" data-expanded-icon="minus">
                                        <h3 class="group_title">ข้อมูลน้ำท่วม</h3>
                                        <div data-role="controlgroup">
                                            <input type="checkbox" name="checkbox-select-repeatedFlood" id="checkbox-select-repeatedFlood" value="repeatedFlood" class="WMS" />
                                            <label for="checkbox-select-repeatedFlood">แผนที่พื้นที่น้ำท่วมซ้ำซาก <a id="txt_label">(กรมพัฒนาที่ดิน)</a></label>
                                            <input type="checkbox" name="checkbox-select-repeatedDrought" id="checkbox-select-repeatedDrought" value="repeatedDrought" class="WMS" />
                                            <label for="checkbox-select-repeatedDrought">แผนที่พื้นที่แห้งแล้งซ้ำซาก <a id="txt_label">(กรมพัฒนาที่ดิน)</a></label>
                                            <input type="checkbox" name="checkbox-select-flood48" id="checkbox-select-flood48" value="flood48" class="waterresource_checkbox" />
                                            <label for="checkbox-select-flood48">แผนที่น้ำท่วมปี 2548 <a id="txt_label">(GISTDA)</a></label>
                                            <input type="checkbox" name="checkbox-select-flood50" id="checkbox-select-flood50" value="flood50" class="waterresource_checkbox" />
                                            <label for="checkbox-select-flood50">แผนที่น้ำท่วมปี 2550 <a id="txt_label">(GISTDA)</a></label>
                                            <input type="checkbox" name="checkbox-select-flood51" id="checkbox-select-flood51" value="flood51" class="waterresource_checkbox" />
                                            <label for="checkbox-select-flood51">แผนที่น้ำท่วมปี 2551 <a id="txt_label">(GISTDA)</a></label>
                                            <input type="checkbox" name="checkbox-select-flood52" id="checkbox-select-flood52" value="flood52" class="waterresource_checkbox" />
                                            <label for="checkbox-select-flood52">แผนที่น้ำท่วมปี 2552 <a id="txt_label">(GISTDA)</a></label>
                                            <input type="checkbox" name="checkbox-select-flood53" id="checkbox-select-flood53" value="flood53" class="waterresource_checkbox" />
                                            <label for="checkbox-select-flood53">แผนที่น้ำท่วมปี 2553 <a id="txt_label">(GISTDA)</a></label>
                                            <input type="checkbox" name="checkbox-select-flood54" id="checkbox-select-flood54" value="flood54" class="waterresource_checkbox" />
                                            <label for="checkbox-select-flood54">แผนที่น้ำท่วมปี 2554 <a id="txt_label">(GISTDA)</a></label>
                                            <input type="checkbox" name="checkbox-select-flood55" id="checkbox-select-flood55" value="flood55" class="waterresource_checkbox" />
                                            <label for="checkbox-select-flood55">แผนที่น้ำท่วมปี 2555 <a id="txt_label">(GISTDA)</a></label>

                                        </div>
                                    </div>
                                    <input type="checkbox" name="checkbox-select-rainaccumulation3hr" id="checkbox-select-rainaccumulation3hr" value="rainaccumulation3hr" class="waterresource_checkbox" />
                                    <label for="checkbox-select-rainaccumulation3hr">แผนที่ปริมาณน้ำฝนสะสมราย 3 ชั่วโมง <a id="txt_label">(USGS)</a></label>
                                    <input type="checkbox" name="checkbox-select-globalcloud" id="checkbox-select-globalcloud" value="globalcloud" class="waterresource_checkbox"/>
                                    <label for="checkbox-select-globalcloud">แผนที่กลุ่มเมฆ <a id="txt_label">(USGS)</a></label>
                                    <input type="checkbox" name="checkbox-select-autoweather" id="checkbox-select-autoweather" value="autoweather" class="waterresource_checkbox"/>
                                    <label for="checkbox-select-autoweather">แผนที่สถานีตรวจวัดอากาศอัตโนมัติ <a id="txt_label">(กรมอุตุนิยมวิทยา)</a></label>
                                    <input type="checkbox" name="checkbox-select-waterlevel" id="checkbox-select-waterlevel" value="waterlevel" class="waterresource_checkbox" />
                                    <label for="checkbox-select-waterlevel">แผนที่ระดับน้ำโทรมาตร <a id="txt_label">(กรมชลประทาน)</a></label>
                                    <input type="checkbox" name="checkbox-select-earthquakes" id="checkbox-select-earthquakes" value="earthquakes" class="waterresource_checkbox" />
                                    <label for="checkbox-select-earthquakes">แผนที่แผ่นดินไหว <a id="txt_label">(USGS)</a></label>
                                    <input type="checkbox" name="checkbox-select-resource" id="checkbox-select-resource" value="resource" class="WMS" />
                                    <label for="checkbox-select-resource">แผนที่แหล่งวัสดุกรมทรัพยากรธรณี <a id="txt_label">(กรมทรัพยากรธรณี)</a></label>		
                                    <input type="checkbox" name="checkbox-select-River-basin" id="checkbox-select-River-basin" value="River-basin" class="WMS" />
                                    <label for="checkbox-select-River-basin">แผนที่ลุ่มน้ำในประเทศไทย <a id="txt_label">(กรมชลประทาน)</a></label>
                                    <input type="checkbox" name="checkbox-select-Data-Earth" id="checkbox-select-Data-Earth" value="DataEarth" class="WMS" />
                                    <label for="checkbox-select-Data-Earth">แผนที่ข้อมูลชุดดิน <a id="txt_label">(กรมพัฒนาที่ดิน)</a></label>
                                    <input type="checkbox" name="checkbox-select-large_water" id="checkbox-select-large_water" value="large_water" class="waterresource_checkbox" />
                                    <label for="checkbox-select-large_water">แผนที่ปริมาณน้ำในเขื่อนสำคัญของประเทศไทย <a id="txt_label">(กรมชลประทาน)</a></label>
                                    <input type="checkbox" name="checkbox-select-well" id="checkbox-select-well" value="well" class="WMS" />
                                    <label for="checkbox-select-well">แผนที่บ่อบาดาล <a id="txt_label">(กรมทรัพยากรน้ำบาดาล)</a></label>
                                    <input type="checkbox" disabled="disabled" name="checkbox-select-lidar" id="checkbox-select-lidar" value="lidar" class="waterresource_checkbox" />
                                    <label for="checkbox-select-lidar">แผนที่ค่าระดับจากการสำรวจ Lidar <a id="txt_label">(กรมชลประทาน)</a></label>
                                </div>
                            </div>

                            <div id="collapsible" data-role="collapsible" >
                                <h3 class="group_title">งานด้านคุณภาพน้ำ</h3>
                                <div data-role="controlgroup">
                                    <input type="checkbox"  name="checkbox-select-waterquality" id="checkbox-select-waterquality" value="waterquality" class="WMS" />
                                    <label for="checkbox-select-waterquality">แผนที่ตำแหน่งคุณภาพน้ำ <a id="txt_label">(กรมควบคุมมลพิษ)</a></label>
                                    <input type="checkbox" name="checkbox-select-chlorineonline" id="checkbox-select-chlorineonline" value="chlorineonline" class="waterresource_checkbox" />
                                    <label for="checkbox-select-chlorineonline">แผนที่คุณภาพน้ำ Online <a id="txt_label">(ฝ่ายคุณภาพน้ำ)</a></label>
                                    <input type="checkbox" name="checkbox-select-chloringcontour" id="checkbox-select-chloringcontour" value="chlorinecontour" class="chlorine_slider" />
                                    <label for="checkbox-select-chloringcontour">แผนที่ Chlorine Contours <a id="txt_label">(ฝ่ายคุณภาพน้ำ)</a></label>	
                                    <input type="checkbox" name="checkbox-select-canalquality" id="checkbox-select-canalquality" value="canalquality" class="waterresource_checkbox" />
                                    <label for="checkbox-select-canalquality">แผนที่คุณภาพน้ำในระบบคลอง Online <a id="txt_label">(ฝ่ายทรัพยากรน้ำและสิ่งแวดล้อม)</a></label>	
                                    <input type="checkbox" name="checkbox-select-waterlevel2" id="checkbox-select-waterlevel2" value="waterlevel2" class="waterresource_checkbox" />
                                    <label for="checkbox-select-waterlevel2">แผนที่ระดับน้ำ Online <a id="txt_label">(ฝ่ายทรัพยากรน้ำและสิ่งแวดล้อม)</a></label>
                                    <input type="checkbox" disabled="disabled" name="checkbox-select-monthlywq" id="checkbox-select-monthlywq" value="monthlywq" class="" />
                                    <label for="checkbox-select-monthlywq">แผนที่คุณภาพน้ำรายเดือน <a id="txt_label">(ฝ่ายคุณภาพน้ำ)</a></label>									
                                </div>
                            </div>
                        </div>


                    </fieldset>
                </form>
            </div>
            <div data-role="popup" id="basemap_popup" style="width:200px; margin-left: 10px;" data-theme="d" data-overlay-theme="a"  data-position-to="window"><!--POPUP-->
                <form>
                    <fieldset data-role="controlgroup" >
                        <input type="radio" name="radio-choice-1" id="radio-choice-1" value="streets" checked="checked" class="popup_basemap2">
                        <label for="radio-choice-1">Streets Maps</label>
                        <input type="radio" name="radio-choice-1" id="radio-choice-2" value="hybrid" class="popup_basemap2">
                        <label for="radio-choice-2">Hybrid Maps</label>
                        <input type="radio" name="radio-choice-1" id="radio-choice-3" value="openstreet" class="popup_basemap2">
                        <label for="radio-choice-3">Open Street Maps</label>
                        <input type="radio" name="radio-choice-1" id="radio-choice-4" value="esri" class="popup_basemap2">
                        <label for="radio-choice-4">World Street Map</label>
                        <input type="radio" name="radio-choice-1" id="radio-choice-5" value="cache" class="popup_basemap2">
                        <label for="radio-choice-5">แผนที่มาตราส่วน 1:1000</label>
                        <input type="radio" type="radio" name="radio-choice-1" id="radio-choice-7" value="raster" class="popup_basemap2">
                        <label for="radio-choice-7">แผนที่ภาพถ่ายทางอากาศ</label>
                        <input type="radio" disabled="disabled" name="radio-choice-1" id="radio-choice-6" value="thaichote" class="popup_basemap2">
                        <label for="radio-choice-6">ดาวเทียมไทยโชติ</label>

                    </fieldset>
                </form>

            </div>
            <div data-role="popup" id="service_popup" class="overflow_popup" data-theme="d" data-overlay-theme="a"  data-position-to="window"><!--POPUP-->
                <form>
                    <fieldset data-role="controlgroup" data-inset="true" data-theme="c">
                        <input type="checkbox" id="checkbox-select-mainraise" value="mainraise" class="service_kml" />
                        <!--label for="checkbox-select-mainraise">ตำแหน่งยกหีบประตูน้ำ (R)</label>
                        <input type="checkbox" name="checkbox-select-connect" id="checkbox-select-connect" value="connect" class="service_kml"/>
                        <label for="checkbox-select-connect">ตำแหน่งงานตัดบรรจบท่อประปา (R)</label>
                        <input type="checkbox" name="checkbox-select-mainleak" id="checkbox-select-mainleak" value="mainleak" class="service_kml" />
                        <label for="checkbox-select-mainleak">ตำแหน่งท่อประปาแตกรั่ว (R)</label!-->
                        <input type="checkbox" id="checkbox-select-engproj" value="engproj" class="service_kml" />
                        <label for="checkbox-select-engproj">ตำแหน่งงานวิศวกรรมทั่วไป (R)</label>
                        <input type="checkbox" id="checkbox-select-PR" value="PR" class="service_kml" />
                        <label for="checkbox-select-PR">ตำแหน่งข่าวประชาสัมพันธ์ทั่วไป (R)</label>
                        <input type="checkbox" id="checkbox-select-Eat" value="Eat" class="service_kml" />
                        <label for="checkbox-select-Eat">ตำแหน่งร้านอร่อยรอบรั้ว กปน. (R)</label>
			<!--input type="checkbox" id="checkbox-select-Rtu" value="Rtu" class="service_kml" />
                        <label for="checkbox-select-Rtu">ตำแหน่งงานสำรวจตู้ RTU (R)</label>
			<input type="checkbox" id="checkbox-select-car" value="car" class="gistda" />
                        <label for="checkbox-select-car">ตำแหน่งรถสำรวจ (R)</label!-->
                        <input type="checkbox" id="checkbox-select-pipejacking" value="pipejacking" class="service_kml" />
                        <label for="checkbox-select-pipejacking">ตำแหน่งบ่อ Pipe Jacking (R)</label>


                        <!--
                        <input type="checkbox" id="checkbox-select-test" value="test" class="service_kml" />
                        <label for="checkbox-select-test">test</label>
                        -->

                    </fieldset>
                </form>
            </div>
            <div data-role="panel" id="popup_search" data-position="right" data-display="push"  data-dismissible="false">
                <a href="#" data-rel="close" data-role="button" data-theme="a" data-icon="delete" data-iconpos="notext" class="ui-btn-left">Close</a>     
                <div id="results" style=" overflow:auto; height:800px; border:1px solid blue;"></div>
            </div>
            <div class="sliders">
                <div class="stolenmeter" style ="display:none; width: 300px; float:left;">
                    <span class="slider_label">มาตรวัดน้ำหาย</span>
                    <span id="month_slider_text" class="slider_month_text">มิ.ย. 58</span>
                    <div id="stolenmeterSlider_div"  class="slider">
                        <input type="range" name="month_slider" id="month_slider" value="6" min="1" max="6"  data-mini="true" data-track-theme="d" data-theme="b" class="ui-hidden-accessible" />
                    </div>
                </div>
                <div class="chlorine" style ="display:none; width: 300px; float:left;">
                    <span class="slider_label">คลอรีน Contour</span>
                    <span id="chlorine_month_slider_text" class="slider_month_text">มี.ค. 58</span>
                    <div id="chlorineSlider_div" class="slider">
                        <input type="range" name="chlorine_month_slider" id="chlorine_month_slider" value="3" min="1" max="3"  data-mini="true" data-track-theme="d" data-theme="b" class="ui-hidden-accessible" />
                    </div>
                </div>
            </div>
            <input type="hidden" class="datepicker" id="eservice_datepicker"/>
            <div id="label">
                <p id="longlatlabel">Click on the map for long, lat, elevation</p>
            </div>
            <div id="LogtimeWQC">
                <p id="timelable" > </p>
            </div>
            
        </div><!-- /page -->

    </body>
</html>